<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="estilos/estilo.css">

<script>

	function getPerfil(){
		
		var username=getCookie("username");
		
		var xmlhttp;
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
        	xmlhttp=new XMLHttpRequest();
        }
        else
        {// code for IE6, IE5
        	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
        	if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
				 
            	document.getElementById('contperfil').innerHTML=xmlhttp.responseText;
				
                     
             }
       	}
          
       xmlhttp.open("GET","mostrarperfil.php?user="+username,true);
       xmlhttp.send();
	}

</script>

<script>
//----------------CODIGO DE LA COOKIE

function checkCookie()
{

var username=getCookie("username");
 
if (username!=null && username!="")
  {

  /*formulario = document.getElementById("form");
  formulario.className="oculto";
  formulario2 = document.getElementById("form1");
  formulario2.className="oculto";*/
  
  var parrafo = document.createElement("p");
  
  var barrukoa = document.createTextNode("Bienvenido "+username);
  parrafo.appendChild(barrukoa);
  //document.body.appendChild(parrafo);
  
  //cojo el <p> del div bienvenida y lo reemplazo por mi parrafo
  
  var segundo_p = document.getElementById('bienvenida1').getElementsByTagName('p')[0];
  document.getElementById('bienvenida1').replaceChild(parrafo,segundo_p);
  
   
  /*var boton = document.createElement("input");
  boton.type= "button";
  boton.value="exit";
  boton.onclick=deleteCookie;
  document.body.appendChild(boton);*/
  


  }
else
  {
      alert("No te has logeado");
      formulario = document.getElementById("form");
      formulario.className="visible";
  }
}

function getCookie(c_name)
{

var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
  {

  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}


function deleteCookie(){
    
    value = "borrar";
    c_name = "username";
    exdays=-1;
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : ";expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + c_value;
    location.href='index.html';
}

	function comprobarCoockie(){
		
		
		var username=getCookie("username");
		
		if (username==null){
		location.href='index.html';
		
		}
	
	}


</script>

</head>
<body onload="comprobarCoockie(); checkCookie(); getPerfil()">
<div id="cabecera">
	<!-- <div id="logo">
		<img src="imagenes/logo.jpg" height="90px" width="150px" />
	</div> -->
	
	<img src="imagenes/titulo.png" />
	<div id="opcionesusuario">
		<a href="hasiera.html">inicio</a>
	</div>
	<div id="opcionesusuario">
		<a href="">perfil</a>
	</div>
	<div id="opcionesusuariom">
		<a href="mensajeusuario.html">mensajes</a>
	</div>
	<div id="bienvenida">
		<div id="bienvenida1">
			<p></p>
		</div>
		<div id="botoncookie">
				<input type="button" value="exit" onClick="deleteCookie();" />
		</div>
	</div>
	
</div>

<div id="contperfil">

	
</div>
</body>
</html>